﻿<!DOCTYPE html>
<html lang="en">
{% load static %}
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Adminage - Admin Dashboard</title>

    <!-- favicon -->
    <link rel="icon" href="{% static 'assets/img/favicon.png' %}"sizes="16x16" type="image/png" />

    <!-- Stylesheet Link -->
    <link rel="stylesheet" href="{% static 'assets/css/style.css' %}" />
</head>

<body class="t-bg-primary mx-sidenav-not-collapsed">
    <!-- Page Wrapper -->
    <div class="container-fluid p-0">
        <div class="row g-0">
            <div class="col-9 col-xxl-10 flex-grow-1">
                <div class="container-fluid px-2 px-xxl-0">
                    <div class="row g-2 g-xxl-0">
                        <div class="col-12">
                            <div class="mx-body">
                                <header class="header sticky-top d-none d-xl-block">
                                    <div class="pagination t-bg-16">
                                        <div class="container-fluid px-0">
                                            <div class="row g-0">
                                                <div class="col-12">
                                                    <ul class="pagination-bar t-list">
                                                        <li class="pagination-bar__list">
                                                            <a href="#"
                                                                class="t-link pagination-bar__link text-capitalize">
                                                                data table search
                                                            </a>
                                                        </li>
                                                        <li class="pagination-bar__list">
                                                            <a href="#"
                                                                class="t-link pagination-bar__link text-capitalize">
                                                                home
                                                            </a>
                                                        </li>
                                                        <li class="pagination-bar__list">
                                                            <a href="#"
                                                                class="t-link pagination-bar__link text-capitalize">
                                                                data table search
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </header>
                                <div class="mx-body__content" data-simplebar>
                                    <main class="main-content t-mt-15 t-mb-15">
                                        <div class="container-fluid px-3">
                                            <div class="g-3">
                                                <div class="col-12">
                                                    <div class="t-shadow t-bg-white t-pl-30 t-pr-30">
                                                        <div class="row justify-content-center justify-conten-sm-between t-pt-30">
                                                            <div class="col-12">
                                                                <h3 class="mt-0 mb-sm-0 text-capitalize text-center text-sm-start">
                                                                    诈骗案例汇总
                                                                </h3>
                                                            </div>
                                                        </div>

                                                        <div class="row t-mt-50">
                                                            <div class="col-12">
                                                                <div class="table-responsive">
                                                                    <table class=" t-mb-30 table table-bordered t-text-dark--light-15 sm-text">
                                                                        <thead>
                                                                            <tr>
                                                                                <th scope="col">#</th>
                                                                                <th scope="col">诈骗名称</th>
                                                                                <th scope="col">诈骗信息</th>
                                                                                <th scope="col">发生年份</th>
                                                                                <th scope="col">发生月份</th>
                                                                                <th scope="col">发生日期</th>
                                                                                <th scope="col">诈骗类型</th>
                                                                                <th scope="col">金额</th>
                                                                                <th scope="col">Actions</th>
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody>
                                                                        {% for da in fraud_data %}
                                                                            <tr>
                                                                                <th scope="row">{{ da.id }}</th>
                                                                                <td>{{ da.fraud_name }}</td>
                                                                                <td>{{ da.content }}</td>
                                                                                <td>{{ da.year }}</td>
                                                                                <td>{{ da.month }}</td>
                                                                                <td>{{ da.day }}</td>
                                                                                <td>{{ da.get_type_display }}</td>
                                                                                <td>{{ da.money }}</td>
                                                                                <td>
                                                                                    <ul class="t-list d-flex">
                                                                                        <li class="t-list__item">
                                                                                            <a href="#" class="t-link t-link--alpha">
                                                                                                <span class="d-flex align-items-center">
                                                                                                    <span class="xlg-text t-mr-5">
                                                                                                        <i class="las la-eye"></i>
                                                                                                    </span>
                                                                                                    <span class="text-capitalize ">
                                                                                                        view
                                                                                                    </span>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li class="t-list__item">
                                                                                            <a href="#" class="t-link t-link--alpha">
                                                                                                <span class="d-flex align-items-center">
                                                                                                    <span class="xlg-text t-mr-5">
                                                                                                        <i class="las la-cog"></i>
                                                                                                    </span>
                                                                                                    <span class="text-capitalize ">
                                                                                                        edit
                                                                                                    </span>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li class="t-list__item">
                                                                                            <a href="#" class="t-link t-link--alpha">
                                                                                                <span class="d-flex align-items-center">
                                                                                                    <span class="xlg-text t-mr-5">
                                                                                                        <i class="las la-trash"></i>
                                                                                                    </span>
                                                                                                    <span class="text-capitalize ">
                                                                                                        delete
                                                                                                    </span>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </td>
                                                                            </tr>
                                                                        {% endfor %}
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </main>

                                    <footer class="t-mb-30">
                                        <div class="container-fluid px-3">
                                            <div class="row g-3">
                                                <div class="col-12">
                                                    <div
                                                        class="t-pt-15 t-pb-15 cards t-bg-white t-shadow text-center sm-text">
                                                        <span class="t-text-dark">&copy;</span> <a href="#"
                                                            class="t-link t-link--alpha text-capitalize">Adminage</a>
                                                        <span class="t-text-dark text-capitalize">all right By <a href="http://www.bootstrapmb.com/">bootstrapmb</a>
                                                            2020</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </footer>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Page Wrapper End -->

    <!-- jquery -->
    <script src="{% static 'assets/js/jquery.js' %}"></script>
    <script src="{% static 'assets/js/jquery-ui.min.js' %}"></script>

    <!-- Date and Time  -->
    <script src="{% static 'assets/js/moment.js' %}"></script>
    <script src="{% static 'assets/js/bootstrap-material-datetimepicker.js' %}"></script>

    <!-- Bootstrap -->
    <script src="{% static 'assets/js/bootstrap.bundle.min.js' %}"></script>
    <!-- Slick Slider  -->
    <script src="{% static 'assets/js/slick.min.js' %}"></script>
    <!-- Owl carousel -->
    <script src="{% static 'assets/js/owl.carousel.min.js' %}"></script>
    <!-- simplebar -->
    <script src="{% static 'assets/js/simplebar.js' %}"></script>
    <!-- Prism JS  -->
    <script src="{% static 'assets/js/prism.js' %}"></script>
    <!-- Feather Icon  -->
    <script src="{% static 'assets/js/feather.js' %}"></script>
    <!-- Nice Select  -->
    <script src="{% static 'assets/js/jquery.nice-select.min.js' %}"></script>
    <!-- Dropzone  -->
    <script src="{% static 'assets/js/dropzone.js' %}"></script>
    <!-- ION Range Slider  -->
    <script src="{% static 'assets/js/ion.rangeSlider.js' %}"></script>
    <!-- Touchspin  -->
    <script src="{% static 'assets/js/jquery.bootstrap-touchspin.min.js' %}"></script>
    <!-- Rating Bar -->
    <script src="{% static 'assets/js/jquery.barrating.min.js' %}"></script>
    <!-- Calendar  -->
    <script src="{% static 'assets/js/fullcalendar.min.js' %}"></script>
    <!-- Main script -->
    <script src="{% static 'assets/js/main.js' %}"></script>
</body>

</html>
